
<div class="contentwrapper" style="position: relative; left:5px; height: auto; width: 1085px; background-color: #FFFFFF;">
    <div class="row-fluid" >
        <div class="span8">
            
            <div class="centerContent">
                <div class="row-fluid" style="position: relative; height: 100%;width: 600px; left: 100px; top: -100px; width:780px">
                <ul class="bigBtnIcon">
                    
							
								
								<div class="tools">
									<a href="javascript:;" class="collapse"></a>
									<a href="#portlet-config" data-toggle="modal" class="config"></a>
								</div>
                   				
                        <div class="portlet-body" style="position: relative;top: 150px;">
								<div class="row-fluid"  style="position: relative;left: -33px">
                                                                    <a href="#" class="icon-btn span3" style="width: 15.077%">
										<i class="icon-group"></i>
										<div>Amis</div>
										<span class="badge badge-important">2</span>
									</a>
									<a href="#" class="icon-btn span3" style="width: 15.077%">
										<i class="icon-calendar"></i>
										<div>Calendrier</div>
										<span class="badge badge-success">4</span>
									</a>
                                                                        <a href="#" class="icon-btn span3" style="width: 15.077%">
										<i class="icon-bullhorn"></i>
										<div>Notifications</div>
										<span class="badge badge-important">3</span>
									</a>
									<a href="http://www.resopro.com/app_dev.php/profile/locale" class="icon-btn span3" style="width: 15.077%">
										<i class="icon-map-marker"></i>
										<div>Locations</div>
									</a>
                                                                      
                                                                        <a href="#" class="icon-btn span3" style="width: 15.077%">
										<i class="icon-wrench"></i>
										<div>Paramétres</div>
									</a>
                                                                    </div>
                                <div class="row-fluid"  style="position: relative;left: 104px">
                                                                        <a href="http://www.resopro.com/app_dev.php/profile/photos" class="icon-btn span3" style="width: 15.077%">
										<i class="icon-search"></i>
										<div>Photos</div>
									</a>
                                                                        <a href="#" class="icon-btn span3" style="width: 15.077%">
										<i class="icon-search"></i>
										<div>Vidéos</div>
									</a>
                                                                    <a href="#" class="icon-btn span3" style="width: 15.077%">
										<i class="icon-search"></i>
										<div>Recherche</div>
									</a>
									
								</div>
								
								<div class="row-fluid">
									
									
                                                                    
								</div>
							</div>
                    
                </ul>
            </div>
                    
                     
        <div class="row-fluid" >
            <li class="divider" style=" background-color: #E5E5E5;
    border-bottom: 1px solid #FFFFFF;
    height: 1px;
    margin: 9px 1px;
    overflow: hidden;
    position: relative;
    top: 74px;
    width: 740px;"></li>
        <div class="span8" style="position: relative; border: thin solid rgb(196, 196, 196); top: 100px; left: 20px; background-color: #FAFAFA;">
            <div class="centerContent">
                <div class="control-group">
<label class="control-label"></label>
<div class="controls" style="position: relative; top: 14px; left: 20px;">
<input class="default" type="file">
</div>
<button class="btn blue" style="position: relative; top: -16px; left: 227px;">Parcourir</button>
</div>

        </div>
        </div>
        
            </div>
       
    </div>

</div>
            </div>
        <div class="row-fluid" >
        <div class="span8"style="border: thin solid rgb(196, 196, 196); height: 200px; width: 200px; position: relative; top: -222px; left: -215px;"></div>
        </div>
        <div class="row-fluid" style="position: relative; color: rgb(0, 136, 204); left: -172px; top: -218px; font-size: 19px;" >
             
        </div>
    </div>
    </div>
    <div class="span4" style="width: 310px;">
            <div class="box gradient" style="position: relative; top: -444px; left: 980px;">
                <div class="title">
                    <h4>
                        <span class="icon16 entypo-icon-user"></span>
                        <a href="http://www.resopro.com/app_dev.php/profile/infos"<span>Votre Informations</span>
                    </h4>
                </div>
                <div class="content noPad">
                    <ul class="recent-users">
                        <li class="clearfix">
                            <span class="avatar">
                              <div class="control-group">
                           
                              
                           </div>   
                            </span>
                            <a class="name">
                                <strong> {{ user.username }}</strong>
                            </a></br>
                            <a class="email" href="#"> {{ user.email }}</a>
                        </li>
                        <li>
                            <table style="margin-left: 20px;">
                                <tr>
                                    <td style="color: #000000; font-weight: bold">Nom :</td>
                                    <td > {{app.user.nom}}</td>
                                </tr>
                                <tr>
                                    <td style="color:#000000; font-weight: bold">Prenom :</td>
                                    <td>{{app.user.prenom}}</td>
                                </tr>
                                <tr>
                                    <td style="color: #000000; font-weight: bold">Téléphone :</td>
                                    <td>{{app.user.telephone}}</td>
                                </tr>
                               
                            </table>
                            
                        </li>
                    </ul>
                </div>
            </div>

            
                 </div>

